<!DOCTYPE html>

<html>
    <head>
        <title>#{get 'title' /}</title>
        <meta charset="${_response_encoding}">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/bootstrap.css'}">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/custom.css'}">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/responsive.css'}">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/datepicker.css'}">
        #{get 'moreStyles' /}
        <link rel="shortcut icon" type="image/png" href="@{'/public/images/favicon.png'}">
        <script src="@{'/public/javascripts/jquery-1.7.1.min.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        <script src="@{'/public/javascripts/bootstrap.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        <script src="@{'/public/javascripts/bootstrap-datepicker.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        <script src="@{'/public/javascripts/ajaxupload.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        <script src="@{'/public/javascripts/util/app.ui.alphanumeric.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        <script src="@{'/public/javascripts/util/app.ui.inputmask.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        <script src="@{'/public/javascripts/util/app.ui.validateForm.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        <script src="@{'/public/javascripts/util/app.util.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        <script type="text/javascript">
        $(window).scroll(function(){
    		if (window.pageYOffset >= 1000) {
    			$('#scroll-up:not(:visible)').fadeIn();
    		} else {
    			$('#scroll-up:visible').fadeOut();
    		}
    	});
        </script>
        #{get 'moreScripts' /}
    </head>
    <body data-spy="scroll" data-target=".subnav" data-offset="50">
    	<div class="navbar navbar-fixed-top">
	        <div class="navbar-inner">
	          <div class="container">
		          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
		          </a>
	            <a class="brand" href="/">Mini Mercado Libre</a>
	            
	            <div class="nav-collapse collapse">
		            <ul class="nav">		            	
		            	 
		            	<li class="">
		            		<a href="@{Categorias.index()}">Categorias</a>	            		
		            	</li>
		            	  
		            	<li class="">
		            		<a href="@{Avisos.index()}">Avisos</a>	            		
		            	</li>
		            	 
		            	 
		            	<li class="">
		            		<a href="@{Publicaciones.index()}">Publicaciones</a>
		            	</li>
		            			                	 
		            	  
		            	<li class="">
		            		<a href="@{Personas.perfil()}">Perfil</a>
		            	</li>
						
		            	<li class="">
		            		<a href="@{Personas.index()}">Registrate</a>
		            	</li>
		            	
		            	 
		            	<li class="">
		            		<a href="@{Secure.login()}">Entrar</a>
		            	</li>
		            	
		            	 
		            	<li class="">
		            		<a href="@{Secure.logout()}">Salir</a>
		            	</li>
		            	
		            </ul>
	            </div>	            	            
	          </div>
	      </div>
	    </div>	    
	    <div class="container">
	    	<div class="alert alert-success hide"><strong>Hoy no habra atencion</strong></div>
	    	#{doLayout /}
	    	<a id="scroll-up" onclick="scrollTo(0,0)" style="display: none;"></a>
	    	<footer class="footer">
	    		<p>Desarrollado by @GrupoCinco</p>
    		</footer>
	    </div>	
    </body>
</html>
